<!DOCTYPE html>
<html lang="zh-cn">

<head>
  <meta name="viewport"
    content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui" />
  <meta charset="UTF-8" />
  <title>http-fs</title>
  <link rel="stylesheet" href="/assets/main.css">
</head>

<body>

  <svg display="none" version="1.1" xmlns="http://www.w3.org/2000/svg">
    <symbol id="svg_icon_upload" viewBox="0 0 26 26">
      <path style=" "
        d="M 15 2 C 13.101563 2 11.207031 2.789063 9.90625 4.1875 C 9.507813 4.085938 9 4 8.5 4 C 5.5 4 3 6.40625 3 9.40625 C 1.199219 10.207031 0 12 0 14 C 0 16.800781 2.199219 19 5 19 L 9.09375 19 C 9.09375 18.398438 9 17.800781 9 17 L 5 17 C 3.300781 17 2 15.699219 2 14 C 2 12.601563 2.914063 11.394531 4.3125 11.09375 L 5.1875 10.8125 L 5 9.90625 L 5 9.5 C 5 7.601563 6.601563 6 8.5 6 C 9 6 9.40625 6.113281 9.90625 6.3125 L 10.59375 6.59375 L 11 6 C 12 4.800781 13.398438 4 15 4 C 17.398438 4 19.605469 5.789063 19.90625 8.1875 L 20 8.90625 L 20.6875 9 C 22.585938 9.398438 24 11.007813 24 12.90625 C 24 15.105469 22.199219 16.90625 20 16.90625 L 17 16.90625 C 17 17.707031 16.90625 18.304688 16.90625 18.90625 L 20 18.90625 C 23.300781 18.90625 26 16.207031 26 12.90625 C 26 10.40625 24.3125 8.011719 21.8125 7.3125 C 21.011719 4.210938 18.199219 2 15 2 Z M 12.8125 8.8125 C 12.738281 8.824219 12.644531 8.855469 12.59375 8.90625 C 12.492188 9.007813 9.792969 11.5 8.09375 14 C 7.992188 14.199219 8 14.386719 8 14.6875 C 8.101563 14.886719 8.394531 15 8.59375 15 L 10.6875 15 C 10.6875 15 11.113281 22.207031 11.3125 22.40625 C 11.613281 22.804688 12.304688 23 12.90625 23 C 13.605469 23 14.394531 22.707031 14.59375 22.40625 C 14.792969 22.207031 15.09375 15 15.09375 15 L 17.3125 15 C 17.613281 15 17.804688 14.886719 17.90625 14.6875 C 18.007813 14.386719 18.007813 14.199219 17.90625 14 C 16.207031 11.5 13.507813 9.007813 13.40625 8.90625 C 13.304688 8.804688 13.101563 8.8125 13 8.8125 C 12.949219 8.8125 12.886719 8.800781 12.8125 8.8125 Z ">
      </path>
    </symbol>
  </svg>

  <div id="dropZone">
    <h2>
      <svg class="svg_icon" viewBox="0 0 16 16">
        <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#svg_icon_upload"></use>
      </svg>
    </h2>
    <h1>拖动文件到本区域即可传输文件到当前目录</h1>
    <h2>or</h2>
    <p class="btn-mods">
      <span class="btn btn-select" id="select-btn">选择文件</span>
      <input type="file" id="up-files" style="display: none;" multiple="multiple" />
    </p>
  </div>

  <div class="loading" style="display: none;" id="loading">
    <h1>正在上传，请稍等</h1>
    <div id="processBarWrapper"></div>
  </div>

  <div class="path-bar">
    <div id="currentPath" class="current-path"></div>
    <span class="btn btn-select" id="toggle-view-btn">预览视图</span>
  </div>
  
  <!-- Mobile Sort Bar -->
  <div class="mobile-sort-bar" style="display: none;">
    <button class="sort-btn active" data-sort="file">文件名</button>
    <button class="sort-btn" data-sort="size">大小</button>
    <button class="sort-btn" data-sort="time">修改时间</button>
  </div>

  <!-- Header Row -->
  <div class="file-list-header">
    <div class="header-item col1" data-sort="file">文件名 <span class="sort-icon"></span></div>
    <div class="header-item col2" data-sort="size">大小 <span class="sort-icon"></span></div>
    <div class="header-item col3" data-sort="time">修改时间 <span class="sort-icon"></span></div>
    <div class="header-item col_play_pause"></div>
    <div class="header-item col_del"></div>
  </div>

  <div class="file-list"></div>
  
  <!-- Video Player Container -->
  <div id="video-container">
    <button id="close-video">&times;</button>
    <video id="video-player" controls></video>
  </div>

  <div style="display: none;"><audio id="mp3_player" controls></audio></div>
  <script type="text/javascript">
    window.onerror = function (e) {
      console.error(e)
    }
  </script>
  <script src="/assets/utils.js"></script>
  <script src="/assets/upload.js"></script>
  <script src="/assets/preview.js"></script>
  <script src="/assets/index.js"></script>
</body>

</html>